@charset "utf-8";

/*左侧公用*/
.left_list{width: 20%;text-align: left;text-transform: uppercase;}
.left_list .top{border-bottom: 1px solid #fff;position: relative;background:#094a98;line-height: 75px;height: 75px;color: #fff;font-size: 24px;text-align: left;font-weight: bold;box-sizing: border-box;padding: 0 30px;}
.left_list .sideMenu{  width: 100%;box-sizing: border-box; background: #fff;padding: 10px;box-sizing: border-box;border: 1px solid #efefef;border-top: 0}

.left_list .sideMenu h3{cursor: pointer;line-height: 55px;border-bottom: 1px solid #f5f5f5;display: block;padding-left: 15px;position: relative;font-size: 16px;color: #333;font-weight: normal;}
.left_list .sideMenu h3:before{content: '+';font-size: 16px;color: #333;font-family: 'Kaiti';position: absolute;right: 15px;}
.left_list .sideMenu h3:hover{background:#eb3d00;color:#fff;}
.left_list .sideMenu h3:hover:before{color: #fff }
.left_list .sideMenu h3 a{display: block; }
.left_list .sideMenu h3 a:hover{color: #fff }

.left_list .sideMenu h3.on{color: #fff}
.left_list .sideMenu .on{background:#eb3d00;color: #fff }
.left_list .sideMenu .on a{color: #fff;display: block; }
.left_list .sideMenu .on a:before{content: '-';font-size: 15px;color: #fff;font-family: 'Kaiti';position: absolute;right: 15px;}
.left_list .sideMenu .on:before{content:'-' !important ;color: #fff !important }
.left_list .sideMenu .on-i{background:#f5f5f5; }
.left_list .sideMenu .on-i a{color: #333 }

.left_list .sideMenu ul{ padding:8px 10px; color:#999; display:none; /* 默认都隐藏 */ }
.left_list .sideMenu ul li a:before{content: ''}
.left_list .sideMenu ul li a{line-height: 50px;border-bottom: 1px solid #f5f5f5;display: block;padding-left: 15px;position: relative;font-size: 16px;color: #333;font-weight: normal;}
.left_list .sideMenu ul li a:hover{background:#f5f5f5;color: #333 }



.left_list .bottom{background: url(../images/pho2.png) no-repeat 15px#094a98;box-sizing: border-box;padding: 15px;padding-left:65px;font-size: 16px;color: #fff;width: 100%;}
.left_list .bottom strong{color: #fff;font-size: 26px;display: block;font-family: 'Impact';font-weight: normal;}


/* product */
.promise_product{padding: 20px 0;}
.promise_product ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
.promise_product ul li{width: 360px;height: 450px;border: 1px solid #efefef;position: relative;margin-bottom: 30px}
.promise_product ul li img{ width: 100%;max-height: 450px}
.promise_product ul li .list{background: rgba(235,61,0,0.9);position: absolute;width: 100%;height: 450px;top: 0;left: 0;padding: 30px;box-sizing: border-box;text-align: center;display: none}
.promise_product ul li .list .border{width: 100%;height: 100%;border: 1px solid #fff;box-sizing: border-box;padding: 20px;color: #fff;position: relative;}
.promise_product ul li .list .border h2{font-size: 26px; line-height: 50px;}
.promise_product ul li .list .border p{font-size: 15px; line-height: 35px;}
.promise_product ul li .list .border .more{padding:10px 30px;background: #1d4a8b;color: #fff;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}
.promise_product ul li .list .border .more:hover{background: #fff;color: #eb3d00}
.promise_product ul li:hover .list{display: block;}


.promise_case{background: #f8f8f8;padding: 30px 0}
.promise_case_con{ overflow:hidden; position:relative;    }
.promise_case_con .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.promise_case_con .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.promise_case_con .hd ul li.on{ background-position:0 0; }
.promise_case_con .bd{ padding:10px;   }
.promise_case_con .bd ul{ overflow:hidden; zoom:1; }
.promise_case_con .bd ul li{ margin:0 3px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.promise_case_con .bd ul li .pic{ text-align:center; }
.promise_case_con .bd ul li .pic img{ width:245px; height:190px; display:block;}
.promise_case_con .bd ul li .pic a:hover img{ border-color:#999;  }
.promise_case_con .bd ul li .title{ line-height:3;   }


.con{width: 100%;position: relative;}
.con:before{background: url(../images/solution_bg.jpg) center;height: 694px;width: 100%;position: absolute;top: 650px}
.promise_solution{padding: 30px 0;position: relative;}
.promise_solution_con{ width:100%;  text-align:left;padding: 30px 0  }
.promise_solution_con .hd{width: 250px;float: left }
.promise_solution_con .hd ul{}
.promise_solution_con .hd ul li{ cursor:pointer; width: 100%;height: 50px;margin-bottom: 10px;background: #094a98}
.promise_solution_con .hd ul li a{line-height: 45px;color: #fff;display: block;padding-left: 40px;box-sizing: border-box;position: relative;}
.promise_solution_con .hd ul li a:before{content: '-';font-size: 18px;padding-right: 20px}
.promise_solution_con .hd ul li.on{background: #eb3d00 }
.promise_solution_con .arrow{  position:absolute; bottom: 110px;left: 80px }
.promise_solution_con .arrow a{ font-size: 60px;font-family: 'Kaiti';color: #fff;cursor: pointer; padding: 0 20px}


.promise_solution_con .hd .pho{padding-left: 60px;background: url(../images/icons/icon_04.png) no-repeat left;position: absolute;bottom: 40px;color: #fff;font-size: 16px}
.promise_solution_con .hd .pho em{display: block;color: #fff;font-family: 'Impact';font-style: normal;font-size: 30px}
.promise_solution_con .bd {width: 935px;float: right;background: #fff;position: relative;}
.promise_solution_con .bd .img{font-size: 0;line-height: 0}
.promise_solution_con .bd .tit{position: absolute;bottom: 0;width: 100%;box-sizing: border-box;padding: 10px  30px 40px;background:rgba(0,0,0,0.8);}
.promise_solution_con .bd .tit h3{font-size: 20px;color: #fff;line-height: 2.5}
.promise_solution_con .bd .tit p{font-size: 15px;color: #fff;line-height:2}

.promise_solution_con .bd img{ width: 935px; height: 620px}
/*about*/
.promise_about{padding: 40px 0 100px;position: relative;margin-bottom: 30px}

.promise_about{text-align: center;}
.promise_about p{text-align: center;color: #fff;text-align: left;line-height: 3;text-indent: 30px}

.promise_about img{}
.promise_about .more{padding: 0 10px;background: #094a98;color: #fff;font-size: 30px;position: absolute;bottom: 0;left: 50%}
.promise_about .more:hover{padding: 0 10px;background: #eb3d00;color: #fff;font-size: 30px;position: absolute;bottom: 0;left: 50%}

.promise_map{padding: 0px 0 40px;position: relative;}
.promise_map p{line-height: 3;font-size: 18px;font-weight: bold;text-align: center;}
.promise_map p span{color: #eb3d00}
@keyframes scalemap {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-moz-keyframes scalemap {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes scalemap {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-o-keyframes scalemap {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.promise_map .map_right {
	margin: 30px auto
}
.promise_map .map_right .hugemap {
  position: relative;
  width: 100%;
  max-width: 994px;
  margin: 20px auto;
}
@media (max-width: 991px) {
  .promise_map .map_right .hugemap {
    display: none;
  }
}
.promise_map .map_right .hugemap img {
  width: 100%;
}
.promise_map .map_right .hugemap .appoint {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ee3139;
  display: flex;
  justify-content: center;
  align-items: center;
}
.promise_map .map_right .hugemap .appoint .dot {
  flex: 0 0 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(238, 34, 34, 0.4);
  border: 1px solid #ee3139;
  animation: scalemap 2s linear infinite;
  -moz-animation: scalemap 2s linear infinite;
  -webkit-animation: scalemap 2s linear infinite;
}
.promise_map .map_right .hugemap .a1 {
  top: 20%;
  left: 15%;
}
.promise_map .map_right .hugemap .a2 {
  top: 40.1%;
  left: 13.3%;
}
.promise_map .map_right .hugemap .a3 {
  top: 33.5%;
  left: 16.7%;
}
.promise_map .map_right .hugemap .a4 {
  top: 30.2%;
  left: 20.8%;
}
.promise_map .map_right .hugemap .a5 {
  top: 42.1%;
  left: 24.3%;
}
.promise_map .map_right .hugemap .a6 {
  top: 37%;
  left: 27.6%;
}
.promise_map .map_right .hugemap .a7 {
  top: 58.7%;
  left: 27.6%;
}
.promise_map .map_right .hugemap .a8 {
  top: 65.5%;
  left: 32.7%;
}
.promise_map .map_right .hugemap .a9 {
  top: 52%;
  left: 46.8%;
}
.promise_map .map_right .hugemap .a10 {
  top: 28.5%;
  left: 50.9%;
}
.promise_map .map_right .hugemap .a11 {
  top: 48.5%;
  left: 50.1%;
}
.promise_map .map_right .hugemap .a12 {
  top: 68.7%;
  left: 50.9%;
}
.promise_map .map_right .hugemap .a13 {
  top: 25%;
  left: 58.5%;
}
.promise_map .map_right .hugemap .a14 {
  top: 47.2%;
  left: 61%;
}
.promise_map .map_right .hugemap .a15 {
  top: 26.7%;
  left: 69.3%;
}
.promise_map .map_right .hugemap .a16 {
  top: 53.7%;
  left: 69.4%;
}
.promise_map .map_right .hugemap .a17 {
  top: 31.7%;
  left: 71%;
}
.promise_map .map_right .hugemap .a18 {
  top: 25%;
  left: 72.8%;
}
.promise_map .map_right .hugemap .a19 {
  top: 29.9%;
  left: 73.6%;
}
.promise_map .map_right .hugemap .a20 {
  top: 45.1%;
  left: 73.7%;
}
.promise_map .map_right .hugemap .a21 {
  top: 53.7%;
  left: 76.1%;
}
.promise_map .map_right .hugemap .a22 {
  top: 43.6%;
  left: 79.5%;
}
.promise_map .map_right .hugemap .a23 {
  top: 63.7%;
  left: 79.4%;
}
.promise_map .map_right .hugemap .a24 {
  top: 82.3%;
  left: 81.1%;
}
.promise_map .map_right .hugemap .a25 {
  top: 16.7%;
  left: 38.4%;
}
.promise_map .map_right .hugemap .a26 {
  top: 18.4%;
  left: 80.3%;
}
.promise_map .map_right .minimap {
  position: relative;
  width: 100%;
  max-width: 994px;
  margin: 0 0 0 auto;
  display: none;
}
@media (max-width: 991px) {
  .promise_map .map_right .minimap {
    display: block;
  }
}
.promise_map .map_right .minimap img {
  width: 100%;
}
/*news*/
.promise_news{padding: 30px 0 ;position: relative;background: #f9f9f9}
.promise_news_con{position: relative;}
.promise_news .hd{  }
.promise_news .hd ul{ float:left;  position:absolute; right:0; top:-72px;  font-size: 16px }
.promise_news .hd ul li{ float:left; padding:0 20px; cursor:pointer;background:#f9f9f9;   }
.promise_news .hd ul li:last-child{ float:left; padding:0 0 0 20px; cursor:pointer;  }
.promise_news .hd ul li.on{  color: #eb3d00;}
.promise_news .hd ul li.on a{  color: #eb3d00;}
.promise_news .bd ul{ padding:0;  zoom:1;  }


.promise_news .left{width: 380px;position: relative; }
.promise_news .left dl{ width: 100%;margin-bottom: 20px}
.promise_news .left dl img{ width: 100%;max-height: 260px;}
.promise_news .left dl dt{font-size: 16px;color: #333333;line-height: 2;}
.promise_news .left dl .data{color: #999;line-height: 2}

.promise_news .right{width: 820px;position: relative; }
.promise_news .right .list{ width: 100%;margin-bottom: 20px}
.promise_news .right .list img{ width:215px;max-height: 145px;}
.promise_news .right .list dt{width: 215px;float: left}
.promise_news .right .list dd{width:590px;float: right}
.promise_news .right .list .data{color: #999;line-height: 2}
.promise_news .right .list p{color: #999;line-height: 2;font-size: 14px;}

.promise_news .right .list h2{font-size: 16px;font-weight: normal;line-height: 2;}
.promise_news .right dl{ width: 100%;margin-bottom: 20px;border-bottom: 1px solid #efefef;padding-bottom: 10px}
.promise_news .right dl dt{ width: 100px; float: left;border-right: 1px solid #efefef}
.promise_news .right dl dd{ width: 710px; float: right;}
.promise_news .right dl .data{color: #999;font-size: 16px;text-align: center;}
.promise_news .right dl .data span{display: block;font-size: 48px;font-family: 'Impact'}

.promise_news .right dl h3{font-size: 16px;font-weight: normal;line-height: 2;}
.promise_news .right dl p{color: #999;line-height: 2;font-size: 14px;}

/*promise_cases*/
.promise_cases{padding: 30px 0;}

.promise_cases_con .bd{   }
.promise_cases_con .bd ul{ overflow:hidden; zoom:1; }
.promise_cases_con .bd ul li{ margin:0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.promise_cases_con .bd ul li .right{width: 760px;}
.promise_cases_con .bd ul li .right img{border: 1px solid #efefef;box-sizing: border-box;width: 100%}
.promise_cases_con .bd ul li .left {width: 400px;}
.promise_cases_con .bd ul li .left dl{text-align: left}
.promise_cases_con .bd ul li .left dl dt{font-size: 24px;line-height: 240%;font-weight: bold;padding-top: 20px}
.promise_cases_con .bd ul li .left dl dd{line-height: 200%;font-size:14px;margin-bottom: 20px}
.promise_cases_con .bd ul li .left dl .more{background:#094a98;border-radius: 30px; height: 40px;;padding: 0 50px;display: inline-block;line-height: 40px;color: #fff}

.promise_cases_con1{margin: 20px auto}
.promise_cases_con1 .bd{ padding:0;   }
.promise_cases_con1 .bd ul{ overflow:hidden; zoom:1; }
.promise_cases_con1 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.promise_cases_con1 .bd ul li .pic{ text-align:center; }
.promise_cases_con1 .bd ul li .pic img{ width:225px; height:95px; display:block; padding:2px; border:1px solid #ccc;box-sizing: border-box; }
.promise_cases_con1 .bd ul li .pic a:hover img{ border-color:#999;  }
.promise_cases_con1 .bd ul li .title{ line-height:180%;font-size: 14px   }



/* 本例子css */
.promise_about_con{ width:1200px;  text-align:left;padding-top: 20px }
.promise_about_con .parHd{ height:45px; line-height:45px;position:relative;  }
.promise_about_con .parHd ul{ float:left; position:absolute;  height:32px;   }
.promise_about_con .parHd ul li{ float:left; padding:0 25px; cursor:pointer;  }
.promise_about_con .parHd ul li.on{ height:45px;  background:#eb3d00;color: #fff}
.promise_about_con .parHd ul li.on a{color: #fff}
.promise_about_con .slideBox1{ overflow:hidden; zoom:1; padding:30px 20px 10px; position:relative;   }

.promise_about_con .sPrev,.promise_about_con .sNext{z-index: 999; position:absolute; left:5px; top:100px; display:block; width:45px; height:45px;background:#094a98;color: #fff;font-family: 'Kaiti';text-align: center;line-height: 45px;font-size: 20px }
.promise_about_con .sNext{ left:auto; right:5px; }
.promise_about_con .sPrev:hover,.promise_about_con .sNext:hover{ border-color:#f60;  }

.promise_about_con .parBd ul{ overflow:hidden; zoom:1;   }
.promise_about_con .parBd ul li{ margin:0 11px; float:left; _display:inline; overflow:hidden; text-align:center; width:266px; }
.promise_about_con .parBd ul li { text-align:center; }
.promise_about_con .parBd ul li  img{ width:260px; height:195px; display:block;  padding:2px; border:1px solid #ccc; }
.promise_about_con .parBd ul li  a:hover img{ border-color:#999;  }
.promise_about_con .parBd ul li { line-height:24px;   }